<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>菜鸟教程(runoob.com)</title>
</head>

<body>
  <p id="test" style="text-align:center;">wewefwewfew</p>

  <div style="width:200px;margin:0 auto;">
    <canvas id="myCanvas" width="200" height="100" style="border:0px solid #c3c3c3;">
      您的浏览器不支持 HTML5 canvas 标签。
    </canvas>
  </div>

  <script type="text/javascript">
    var a = document.getElementById("myCanvas");
    var c = a.getContext("2d");
    c.beginPath();
    c.fillStyle = "#00ff00";
    c.arc(50, 50, 20, 0, 360);
    c.fill();
    c.closePath();

    c.font = "25px times new roman";
    c.textAlign = "center";
    c.textBaseline = "middle";
    c.fillStyle = "red";
    c.fillText("C", 50, 50);
    c.stroke();
  </script>

</body>

</html>
